//1.0 导入vue核心包
import Vue from 'vue';

//2.0 导入App.vue的vue对象
import App from './App.vue';


//3.0 将vue-router集成到这个项目中来
import vueRouter from 'vue-router';

//3.0.1 将vueRouter对象绑定到Vue对象上
Vue.use(vueRouter);

//3.0.2 导入路由规则对应的组件对象
import home from './components/Home.vue';
import shopcar from './components/shopcar/car.vue';
import newslist from './components/news/newslist.vue';

//3.0.2 定义路由规则
var router1 = new vueRouter({
    linkActiveClass:'mui-active', //改变路由激活时的class名称
    routes:[
        {path:'/home',component:home},
        {path:'/shopcar',component:shopcar},
        {path:'/news/newslist',component:newslist}
    ]
});

//4.0 使用mint-ui
//导入mint-ui的css文件
import 'mint-ui/lib/style.min.css';
//导入mint-ui组件对象
import mintui from 'mint-ui';
//在Vue中全局使用mintui
Vue.use(mintui);

//5.0 注册mui的css样式
import '../static/mui/css/mui.css';

//6.0 导入一个当前系统的全局基本样式（放最后覆盖前面样式）
import '../static/css/site.css';

//7.0 将vue-resource在Vue中绑定，自动在Vue对象实例上注入一个$http对象就可以使用ajax方法了
import vueResource from 'vue-resource';
Vue.use(vueResource);   //把一个对象和vue对象进行绑定

//8.0 定义一个全局过滤器实现日期的格式化
import moment from 'moment';
Vue.filter('datafmt',function (input , fmtstring) {
    //使用momentjs这个日期格式化类实现日期格式化功能
    return moment(input).format(fmtstring);
})



//5.0 利用Vue对象进行解析渲染
new Vue({
   el:'#app',
    //使用路由对象实例
    router: router1,
   // render:function (create) {create(App)}  //es5的写法
    render:c=>c(App)     //es6的函数写法 => ：goes to
});